<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>聚我看</title>
	<link rel="stylesheet" type="text/css" href="../css/styleb.css">
	<style>
		#fa{
			float:left;
			margin-right:10px;
		}
		#fd{
			display:none;
		}
			body
	{
		background-image:url(../pic/bg.jpg);
   	 	background-repeat:no-repeat;
   	 	background-attachment:fixed;
	}	
	</style>
</head>
<body>
	
   <div class="fb">
  			<a class="na" href="#">展销厅</a>
  			<a class="na" href="#">拍卖区</a>
  			<a class="na" href="#">售后服务</a>			
	</div>
	<div class="nb">
		<div class="fa">长财聚宝阁</div>
		<div><img src="../pic/1.gif" alt="">
		</div>
		</div>
	<div class="fc">
		<a href="house.html" >店长推荐</a>
		<a href="cloth.html" class="fca">衣服</a>
		<a href="book.html">图书</a>
		<a href="sports.html">运动</a>
		<a href="life.html">日化</a>
		<input type="text" placeholder="搜索">
	</div>
	<div class="ff">
		<div class="ffaa" id="fa"><img src="../pic/sc1.jpg" alt="" style="width:100px"></div>
		<div class="ffaa" id="fb"><img src="../pic/sc2.jpg" alt="" style="width:100px"></div>	
		<div class="ffbb" id="fc"><img src="../pic/sc1.jpg" alt="" style="width:400px" ></div>
		<div class="ffbb" id="fd"><img src="../pic/sc2.jpg" alt="" style="width:400px"></div>
		</div>
	<div class="nc">
		<div class="fg">
			<div class="fga">彼得兔卫衣女印花~套头上衣</div>
			<div>
				<table>
					<tr class="fgb">
						<td class="fgbb">价格</td>
						<td class="fgba">￥199.60</td>
					</tr>
					<tr class="fgc">
						<td>优惠</td>
						<td>本店满300元立减99元</td>
					</tr>
					<tr class="fgd">
						<td>尺码</td>
						<td>
							<input type="radio" name="size" value="M" checked>M
							<input type="radio" name="size" value="L" checked>L
							<input type="radio" name="size" value="XL" checked>XL
							<input type="radio" name="size" value="XXL" checked>XXL
					</td>
					</tr>
					<tr class="fgd">
						<td>颜色</td>
						<td>
							<input type="radio" name="color" value="粉色" checked>粉色
							<input type="radio" name="color" value="白色" checked>白色
						</td>
					</tr>
				</table>
			</div>
			<div class="fge">
				<a href="">立即购买</a>
			</div>
			<div class="fgf">
				<a href="">加入购物车</a>
			</div>
		</div>
	</div>
		
	
	<div class="fe">
		<div class="fea">我也是有底线的！！！</div>
		<div class="feb">&nbsp</div>
	</div>

	<script type="text/javascript">
		var list=document.getElementsByClassName('ffaa');
		var textlist=document.getElementsByClassName('ffbb');

		for(var i = list.length -1; i >= 0; i--){
			list[i].index=i;
			list[i].onclick=function(){
				for (var j = list.length - 1; j >= 0; j--) {
					list[j].className="";
				}
				this.className="active";

				for(var i = textlist.length - 1; i >= 0; i--) {
					textlist[i].style.display="none";
				}
				textlist[this.index].style.display="block";
			}
		}
		</script>
</body>
</html>